<!DOCTYPE html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>RareCard</title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="/assets/i/favicon.png">
    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="/assets/i/app-icon72x72@2x.png">
    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="/assets/i/app-icon72x72@2x.png">
    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="/assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <link rel="stylesheet" href="/assets/css/amazeui.min.css">
    <link rel="stylesheet" href="/assets/css/app.css">
</head>
<body>
<p>
    Hello Amaze UI.
</p>
<!--在这里编写你的代码-->
<div class="am-container">
    <div class="am-panel"></div>
    <div>
        <input type="text">
        <button>提交</button>
    </div>
</div>


<!--[if (gte IE 9)|!(IE)]><!-->
<script src="/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="/assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="/assets/js/amazeui.min.js"></script>


<script>
    $(function () {
        function getWebSocket() {
            var socket = new WebSocket("ws://" + location.hostname + ":8360/test/index/wsopen");
            var deferred = $.Deferred();
            // 打开Socket
            socket.onopen = function (event) {
                deferred.resolve(socket);
                // 监听消息
                socket.onmessage = function (event) {
                    var data = JSON.parse(event.data).result;
                    console.log(data);
                };
                // 监听Socket的关闭
                socket.onclose = function (event) {
                    socket = null;
                    console.log("websocket closed")
                };
            };
            return deferred;
        }

        var ws = getWebSocket();

        $('button').click(function () {
            ws.then(function (ws) {
                console.log(ws);
                ws.send(JSON.stringify({
                    jsonrpc: "2.0",
                    method: "/test/index/wsmessage",
                    params: {text: "888855555"},
                    id: 1
                }))
            })
        })
    })
</script>
</body>
</html>